/* Theme Name: Mojeveštírna.cz Theme URI: https://www.mojevestirna.cz Author: Mojevěštírna.cz Author URI: https://mojevestirna.cz/ Description: Horoskopy a astrologie, veštení a věštby online. Version: 1.1 License: All Rights Reserved Tags: white, light, fixed-layout, custom-menu, featured-images, sticky-post */ /************************************************************************************ SIMPLE (FAST) CLASS *************************************************************************************/ .l {float:left; display:inline;} .r {float:right; display:inline;} .out{position:absolute; left:-5000px; top:-5000px;} .bold {font-weight: bold;} .small{font-size:92%;} .center {text-align:center;} .left {text-align: left;} .right {text-align: right !important;} .hidden {display: none;} .break {height: 1px; font-size: 1px; line-height:1px; clear: both; overflow:hidden; visibility: hidden; display:block; margin:0 !important; padding:0 !important; width:100%;} .clearfix {zoom: 1;} .clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .reset {border:none; margin:0; padding:0; background:none;} ul.reset{list-style:none;} .reset td, .reset th {border:none; background:none; padding:0; font-size:100%; line-height:1} .reset li {margin:0; padding:0; background:none;} /************************************************************************************ RESETS and TYPOGRAPHY *************************************************************************************/ html {margin:0; padding:0;} body {font-size: 14px; background: #fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#2c2c2c; padding: 20px; margin:0px;} div, pre {margin: 0; padding: 0;} /* HEADING */ h1 {margin:0 0 0.5em; padding: 0; font-size: 183%; color:#da1d58;} h1.home {margin:20px 0 10px; padding: 5px 0 0; font-size: 150%; border-top:8px solid #c4c4b1; color:#da1d58;} h2 {margin:20px 0 10px; padding: 5px 0 0; font-size: 20px; border-top:8px solid #c4c4b1; color:#da1d58;} h2.nezobrazovat {display: none;} @media (max-width: 480px){ h2 {padding: 5px 0 0 10px;} } h3 {margin:1em 0 0.2em; padding: 0; font-size: 140%;} h4 {margin:1em 0 0.3em; font-size:100%;} h5, h6 {margin:0em 0 0.5em; font-size:100%;} #content h2{font-size:130%; padding:0; border:none; color:#333; margin-bottom:0.5em;} #content h3 {margin:1em 0 0.2em; padding: 0; font-size: 115%;} .lista { margin:20px 0 15px; border-top:8px solid #c4c4b1; } /* PARAGRAPH */ p { margin: 0 0 1.2em;} /* ANCHOR */ a {color:#da1c58; outline:none;} a:hover {color: #333;} .more{margin:0 0 0px; font-size:92%; } .more a{background:#da1c58 url('img/bg/more.png') 100% 50% no-repeat; color:#fff; font-size: 13px; display:inline-block; line-height:20px; padding:0 24px 0 8px; text-decoration:none; text-align:center;} .more a:hover{text-decoration:underline;} @media (max-width: 480px){ .more{ text-align: center !important;} .more a{ background:#da1c58; font-size: 15px;padding:5px 50px 5px 50px; } } /* LIST */ ul {margin: 0.2em 0 1em 12px; padding: 0;} ul li {margin: 0 0 5px; padding: 0 0 0 15px; line-height: 1.4; list-style:none; background:url('img/bg/li.png') 0 0.7em no-repeat;} ul ul {margin: 2px 0;} #content li {overflow:hidden; zoom: 1; line-height:1.7;} /* IMAGES */ img{border:0px; max-width: 100%; height: auto;} img.left{float:left; display:inline; margin-top: 5px; margin-right:20px;} img.right{float:right; display:inline; margin-top: 5px; margin-left:20px;} /* FORM */ form, fieldset{margin:0; padding:0; border:none;} input, label, select{vertical-align:middle;} label input{position:relative; top:0px; margin: 0;} label span {color: #666; font-size: 91.6%;} form p {margin:0 0 10px;} .submit{font-family:arial; font-size:92%; color:#fff; background:#ea0086; padding:3px 5px; border:none; cursor:pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .int-text{border:1px solid #999; height:16px; padding:3px; font-family:arial, sans-serif; font-size:92%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .form select.int-text{margin-top: 2px; padding: 5px 3px;} .fix-int{margin:2px 4px 0; display:block;} .fix-int .w-full{margin:0 -4px;} /* WIDTH */ .w-full {width:100%;} /************************************************************************************ LAYOUT *************************************************************************************/ body{ text-align: center; padding: 0; background: #f9f7f3; /* background: #F9F2E9; */} @media (max-width: 1040px){ body{background: #f9f7f3;} } /* LAYOUT */ #header{text-align:left; position:relative; min-height:94px; background: #da1c58 url('img/bg-top-header.jpg') no-repeat top center; overflow: hidden;} @media (max-width: 1040px){ #header{background: #121327;} } #main, #footer, #breadcrumb{margin:0 auto; max-width:1040px; text-align:left;} #main, #footer { padding: 0 0px;} #main .inBox{float: left; display: inline; position: relative; width: 100%;} .col{float: left; left: 100%; position: relative;} #col-left{margin-left:-100%; width:20.2127%;} #col-content{margin-left:-78.0851%; width:61.48936%;} @media (min-width: 1040px){ .col-vestice { width: 77.9% !important; } } #col-right{margin-left:-14.2553%; width:14.2553%;} #col-l{float:left; display:inline; width:52.903%;} #col-r{float:right; display:inline; width:43.944636%;} @media (max-width: 1040px){ #col-right{float: none; position: static; display: block; left: auto; margin-left: 0 !important; width: auto !important; overflow: hidden; clear: both;} #col-left{width: 22%;} #col-content{width: 75%; margin-left: -75%;} } @media (max-width: 840px){ #main .inBox{position: static;} .col{float: none; position: static; display: block; left: auto; margin-left: 0 !important; width: auto !important; overflow: hidden;} } @media (max-width: 480px){ #col-l, #col-r{float: none; display: block; left: auto; margin-left: 0 !important; width: auto !important;} } /* TOP telefon */ #top-telefon{position:absolute; left:50%; top:26px; margin-left:94px;} /* BNRs */ .bnr{margin:0 0 15px; text-align: center;} #bnr-top{position:absolute; right:50%; top:17px; margin-right:-470px;} /* LOGO */ #logo{font-size:38px; font-family: 'Kaushan Script', Helvetica, Arial, sans-serif; color: #fff; line-height:1; font-weight:600; line-height:1; margin:0 auto; padding:0; position:absolute; left:50%; top:22px; margin-left:-505px; width:251px; z-index:10;} #logo span { font-weight:600; } #logo img{vertical-align:middle;} #logo strong{font-weight:normal; display:block; text-align:right; margin:3px 10px 0 0; } #logo a {text-decoration: none; color: #fff; } #logo a:hover {color: #fff;} #podlogo{font-size:12px; font-family: Helvetica, Arial, sans-serif; color: #fff; line-height:1; font-weight:300; line-height:1; margin:0 auto; padding:0; position:absolute; left:50%; top:63px; margin-left:-405px; width:251px; z-index:10;} #header .motive { position: absolute; left: 60%; bottom: 33px; margin-left: -180px; width: 170px; height: 100px; z-index: 1; background: url('img/motive2.png') 0 0 no-repeat; } .nadpistop { font-family: raleway; position:absolute; left:60%; top:13px; margin-left:-140px; padding: 0px 0px 0px 44px; line-height: 28px; text-align: center !important; color: #fff; font-size: 30px; font-weight: bold; width: 300px; } .nadpistop span { font-size: 14px; font-weight: normal; color: #ffde00; } .nadpistop a { color: #fff; text-decoration: none; } .phonetop { font-family: raleway; position:absolute; left:50%; top:13px; margin-left:200px; background: url('img/ico-phone-white.png') no-repeat 45px 26px; background-size: 20px 20px; padding: 0px 0px 0px 0px; text-align: right !important; color: #fff; font-size: 13px; width: 250px; } .phonetop strong{ font-weight: bold; font-size: 30px; color: #fff; } .phonetop span{ font-family: 'Open Sans'; width: 42px; height: 45px; color: #fff; position: absolute; font-size: 30px; margin: -25px 0 0 12px; font-weight: bold; background: linear-gradient(to bottom, #ff0084 0%, #95004d 70%); border-radius: 50px; padding: 2px 7px 2px 0px; } .phonetop a{ text-decoration: none; } .navmobile a {color: #fff; font-size: 13px;} .navmobile a:hover {color: #e9e9e9;} @media (max-width: 1040px){ #logo{left: 10px; margin-left: 0;} } @media (max-width: 840px){ #logo{right: 10px; text-align: center; top: 9px; width: auto; font-size:36px; } } #logo-right{font-size:100%; line-height:1; font-weight:normal; line-height:1; margin:0 auto; padding:0; position:absolute; left:50%; top:40px; margin-left:-255px; width:251px; z-index:10;} #logo-right img{vertical-align:middle;} @media (max-width: 1040px){ #logo-right{left: 252px; margin-left: 0;} } @media (max-width: 840px){ #logo-right{right: 10px; left: auto; top: 16px; width: auto;} } @media (max-width: 480px){ #logo-right{display: none;} } /* TOP INFO */ #header #topinfo {max-width:1040px; margin: 0 auto; padding: 0 10px; margin-top: 100px; text-align: center;} #topinfo .textwidget, #topinfo .mobile { font-family: 'Playfair Display',serif; font-size:19px; letter-spacing: 0.2px; margin:0 0; padding:5px 0 7px 0; line-height:1.45; color:#fff; } #topinfo .textwidget a {color: #fff;} #topinfo .mobile {color:#383838; } #topinfo p.l{line-height:39px; margin-left: 5px; padding-bottom: 1px;} #topinfo p.l strong{font-weight:normal;} #topinfo p.l .home{padding:0 0 0 18px; background:url('img/ico/home.png') 0 50% no-repeat;} #topinfo .separator{padding: 0 3px 0 3px;} #topinfo .mobile{display: none;} #topinfo .mobile .okamzita-odpoved { padding: 5px 0 5px 0; font-size: 19px;} @media (max-width: 1040px){ .page-template-archive-vestkyna-php #topinfo, .single-vestice-a-vestci #topinfo{display: none;} #header #topinfo { background:#fff; } } @media (max-width: 1040px){ #topinfo .textwidget, #topinfo .navmobile {display: none;} #topinfo .mobile{display: table; width: 100%; overflow: hidden;} #topinfo .mobile > *{display: table-cell; vertical-align: middle;} #header #topinfo{margin-top: 94px;} #topinfo .imgs{font-size: 0px; white-space: nowrap; width: 270px;} #topinfo .imgs a{border-top: 3px solid #c3c4b4; float: left; padding-top: 2px; margin-left: 15px;} #topinfo .btn{display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 600; background: #ffcc00; line-height: 25px; padding: 10px 18px 8px 18px; margin: 10px 0 15px 0; color: #2c2c2c; text-decoration: none;} } @media (max-width: 600px){ #topinfo .imgs{width: 180px;} #topinfo .imgs a:nth-child(3){display: none;} h1.home {margin:0px 0 10px; padding: 5px 0 0 10px; } } @media (max-width: 510px){ #topinfo .imgs{width: 90px;} #topinfo .imgs a:nth-child(2){display: none;} } @media (max-width: 420px){ #topinfo .imgs{display: none;} #topinfo .btn{ } } /* BREADCRUMB */ #breadcrumb{background:#fff; margin-top:13px;} #breadcrumb p.l{line-height:42px; margin-left: 15px;} #breadcrumb p.l strong{font-weight:normal;} #breadcrumb p.l .home {padding:0 0 0 20px; background:url('img/ico/home.png') 0 50% no-repeat;} .navmobile p.l .home2 {padding:0 0 0 20px; background:url('img/ico/breadcrumb.png') 0 50% no-repeat;} #breadcrumb p.r{line-height:42px; margin-right:15px;} #breadcrumb p.r span{font-size: 13px; line-height:30px; vertical-align:middle; border-left:1px solid #cccccc; padding:0 15px; display:inline-block; _margin-top:6px;} #breadcrumb .date{color:#000; border-left:none !important;} #breadcrumb .sign{color:#ff0000; padding-left:40px !important;} #breadcrumb .sign.ryby {background:url('img/sign/ryby.png') 10px 50% no-repeat;} #breadcrumb .sign.byk {background:url('img/sign/byk.png') 10px 50% no-repeat;} #breadcrumb .sign.baran {background:url('img/sign/baran.png') 10px 50% no-repeat;} #breadcrumb .sign.blizenci {background:url('img/sign/blizenci.png') 10px 50% no-repeat;} #breadcrumb .sign.kozorozec {background:url('img/sign/kozorozec.png') 10px 50% no-repeat;} #breadcrumb .sign.lev {background:url('img/sign/lev.png') 10px 50% no-repeat;} #breadcrumb .sign.panna {background:url('img/sign/panna.png') 10px 50% no-repeat;} #breadcrumb .sign.rak {background:url('img/sign/rak.png') 10px 50% no-repeat;} #breadcrumb .sign.skorpion {background:url('img/sign/skorpion.png') 10px 50% no-repeat;} #breadcrumb .sign.strelec {background:url('img/sign/strelec.png') 10px 50% no-repeat;} #breadcrumb .sign.vahy {background:url('img/sign/vahy.png') 10px 50% no-repeat;} #breadcrumb .sign.vodnar {background:url('img/sign/vodnar.png') 10px 50% no-repeat;} #breadcrumb .year{color:#009cff;} @media (max-width: 1040px){ #breadcrumb p.l{margin-left: 0;} } @media (max-width: 840px){ #breadcrumb{display: none;} } /* CONTENT */ #content{background:#fff; padding:20px; margin-bottom:20px; text-align: justify; line-height:1.7;} @media (min-width: 1040px){ #content{ min-height: 300px; } } @media (max-width: 1040px){ #content{ padding: 10px 15px; } } .phone{background:#ececec; overflow:hidden; padding:12px; line-height:1.3; display: block; text-decoration: none; color: #2c2c2c;} .phone strong.pink{font-size:200%; color:#da1c58;} .phone span.pink{color:#da1c58;} .vestkyne-tel .kod { margin: 0px 0 0 140px; } .vestkyne-tel span{ font-family: 'Open Sans'; width: 35px; color: #fff; position: absolute; font-size: 30px; margin: -25px 0 0 12px; font-weight: bold; background: linear-gradient(to bottom, #ff0084 0%, #95004d 70%); border-radius: 50px; padding: 5px 7px; } #content-home{background:#fff; color: #000; text-align: justify; padding:20px 10px 40px 10px; margin-bottom:20px; font-size: 14px; line-height:1.5; } @media (max-width: 1040px){ #content-home{padding: 10px 10px 1px;} } #content .post{margin-bottom:20px;} #content .post-tags{margin:0px 0 5px 0; text-align: justify; } #content .post-tags a, #content.post-tags a:visited{ color:#444; padding:3px 10px 3px 10px; line-height: 26px; margin: 0px 0px 0px 0px; font-size:11px; background:#fff; border: #e6afc0 1px solid; border-radius:10px; text-decoration:none; text-align: left; white-space: nowrap;} #content .post-tags a:focus, #content .post-tags a:active, #content .post-tags a:hover{color:#fff;background:#da1d58;;text-decoration:none} @media (max-width: 840px){ #content .post-tags{ display: none; } } /* COMMENTS LIST */ #comments-list{position:relative; margin-bottom:20px;} #comments-list .add-comment{position:absolute; top:15px; right:0; font-weight:bold;} #comments-list .add-comment a{padding:0 0 0 20px; background:url('img/ico/comment.png') 0 50% no-repeat;} #comments-list .in{background:#fff; padding:20px;} #comments-list li{margin-bottom:25px; font-size:92%; padding: 0 10px; position: relative;} #comments-list strong{display:block; font-size:125%; color:#da1d58; line-height:30px; background:#ececec; margin:0 -10px 10px; padding:0 10px;} #comments-list form{background:#ececec; padding:20px 20px 10px;} #comments-list h3{margin:0 0 10px; font-size:125%;} #comments-list label{display:inline-block; font-size:92%; width:115px; vertical-align:top;} #comments-list .fix-int{display:inline-block; width:370px; vertical-align:top;} @media (max-width: 1040px){ #comments-list .in, #comments-list form{padding: 10px;} #comments-list label{display: block;} #comments-list .fix-int{display: block; width: 100%;} #comments-list .int-text{height: auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } } @media (max-width: 1040px){ #comments-list .add-comment{position: static;} } /* STD LIST */ .std-list li{background:#fff; padding:16px; margin:0 0 15px; min-height: 80px;} .std-list h3{margin:0 0 5px;} .small h3 {font-size: 16px;} .std-list img{display:block; margin:0 0 10px 0; width: 100%;} .std-list img.r {display:block; margin:0 0 5px 10px; width: auto; } .std-list img.l {display:block; margin:0 10px 5px 0; width: auto; } .std-list a{text-decoration:none;} .std-list p{font-size:14px; text-align: justify; line-height: 1.5;} @media (max-width: 1040px){ .std-list li{padding: 15px 15px;} } /* SMS BOX */ .sms-box-bg{height:93px; width: 281px; background: url('img/bg/smsvestba.png') 0 0 no-repeat; margin-top: 0px; } #sms-box div.text { position: absolute; width: 162px; padding: 2px 0 0 0px; margin: 7px 0 0 105px; font-size: 13px; color: #444; text-align: center; display: block; } #sms-box .more { position: absolute; margin: 52px 0 0 120px; } #sms-box .more a { line-height: 22px; padding-left: 14px; padding-right: 30px; } #sms-box .smsvestba { display: block; } @media (max-width: 480px){ .sms-box-bg{width: 100%; } #sms-box div.text { width: 180px; } #sms-box .more { position: absolute; margin: 48px 0 0 125px;} #sms-box .smsvestba { padding: 0px; } #sms-box .more a { padding-left: 20px; padding-right: 20px; } } #sms-box .nadpis {position: absolute; margin: 15px 0 0 15px; font-size:22px; font-weight: bold; color: #ffc804; letter-spacing: 0px; line-height: 23px;} #sms-box .text {position: absolute; margin: 55px 0 0 15px; font-size:12px; line-height: 18px;} #sms-box .text strong { color: #fef97c; font-size:14px;} #sms-box .text span {font-size:16px;} #sms-box .priklad {position: absolute; margin: 137px 0 0 15px; font-size:11px; } .sms-box2 {width: 280px !important; background:#483c6e url('../img/bg/smsvestba2.png') 0 0 no-repeat !important; } /* HOROSKOP LIST */ #horoskop-list li{background-color:#fff; background-image:url('img/ico/znameni.png'); background-repeat:no-repeat; margin-bottom:7px; width:100%; font-size: 11px;} #horoskop-list a{background:url('img/bg/horoskop-list.png') 100% 50% no-repeat; display:block; text-decoration:none; color:#333; padding:4px 30px 4px 55px; font-size:100%;} #horoskop-list strong{display:block; font-size:14px;} #horoskop-list a:hover {background: url('img/bg/horoskop-list-hover.png') 100% 50% no-repeat; display:block; text-decoration:none; color:#333; padding:4px 30px 4px 55px; font-size:100%;} #horoskop-list a:hover strong{ color:#ff0000;} li.beran{background-position:0 0 !important;} li.byk{background-position:0 -50px !important;} li.blizenci{background-position:0 -100px !important;} li.rak{background-position:0 -150px !important;} li.lev{background-position:0 -200px !important;} li.panna{background-position:0 -250px !important;} li.vahy{background-position:0 -300px !important;} li.stir{background-position:0 -350px !important;} li.strelec{background-position:0 -400px !important;} li.kozoroh{background-position:0 -450px !important;} li.vodnar{background-position:0 -500px !important;} li.ryby{background-position:0 -550px !important;} .horoskop2 li{background-color:#fff !important; border: #efedde 1px solid; } @media (max-width: 1040px){ #horoskop-list > br{display: none;} } /* SIDE MENU */ #newsletter, #side-menu {width:100%;} #side-menu .submenu{display: none;} #side-menu .current-menu-item .submenu, #side-menu .current-menu-parent .submenu {display: block;} #side-menu {margin:20px 0 15px; padding-top: 2px; border-top:8px solid #c4c4b1; color:#da1d58;} #side-menu ul{background:#fff; padding: 7px 12px 7px 12px; } #side-menu li{background:url('img/bg/side-menu-li.png') 0 0 repeat-x;} #side-menu li.first{background:none;} #side-menu a{display:block; padding:9px 0px 9px 16px; color:#242424; text-decoration:none; font-size: 14px; background:url('img/bg/side-menu-a.png') 0 1em no-repeat;} #side-menu .submenu a:hover, #side-menu a:hover {color:#DA1D58; } #side-menu .current-menu-parent .submenu .current-menu-item a, #side-menu .current-menu-item a {color:#DA1D58; font-weight: bold;} #side-menu .submenu{padding:0 12px 10px;} #side-menu .submenu li{background:none;} #side-menu .submenu a{background:url('img/bg/side-menu-a-a.png') 0 0.65em no-repeat; padding:2px 2px 2px 10px; font-weight:normal; color:#242424;} @media (max-width: 1040px){ #side-menu ul{padding-left: 10px; padding-right: 10px;} } @media (max-width: 840px){ #side-menu{display: none; position: absolute; left: 0; right: 0; top: 74px; z-index: 500; border: none; padding: 0; border-bottom: 5px solid #da1c58; width: 90%;} #side-menu a {padding: 10px 0px 10px 12px;} #side-menu li{position: relative;} #side-menu .arrow{position: absolute; right: 5px; top: 0; width: 34px; height: 34px; line-height: 36px; text-align: center; font-size: 0px; cursor: pointer;} #side-menu .arrow:before{content: ''; display: inline-block; vertical-align: middle; border-width: 9px 7px 0; border-style: solid dashed; border-color: #da1d58 transparent;} #side-menu .open .arrow:before{border-width: 0 5px 7px;} #side-menu .submenu{display: none !important;} #side-menu .open .submenu{display: block !important;} .menu-show #side-menu{display: block;} } /* NEWSLETTER */ #newsletter fieldset{background:#fff; padding:7px 12px; margin-bottom:20px;} #newsletter p{margin:0 0 5px;line-height: 16px; } #newsletter label { font-size: 11px; } @media (max-width: 1040px){ #newsletter fieldset, #side-menu ul{padding-left: 10px; padding-right: 10px;} } /* COL RIGHT LIST */ #col-right li{background:#dad6b6; padding:12px 9px 1px; margin:15px 0 5px;} #col-right h3{font-size:13px; margin:0 0 5px;} #col-right img{display:block; margin:0 0 7px; width: 130px; height: auto;} #col-right img.banner{ width: 134px; } #col-right p{font-size:11px; margin:0 0 13px;} #col-right a{text-decoration:none;} #col-right .number{font-size:100%; background:#efedde url('img/ico/phone.png') 10px 7px no-repeat; font-weight:bold; text-align:center; padding:7px 0 7px 13px; line-height:1.4; margin:10px 0 10px;} #col-right .more a{display:block;} @media (max-width: 1040px){ .page-template-archive-vestkyna-php #col-right, .single-vestice-a-vestci #col-right{display: none;} #col-right ul{overflow: hidden; margin-left: -10px;} #col-right li{padding: 5px 5px 1px; float: left; width: 50%; border: 10px solid #f9f5e9; border-width: 0 0 10px 10px; margin: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #col-right .more a{padding-left: 5px; padding-right: 23px;} #col-right li{overflow: hidden; padding: 10px 10px 3px;} #col-right img{float: left; margin-right: 15px;} #col-right p{overflow: hidden;} } @media (max-width: 840px){ #col-right li{width: 100%;} } /* FOOTER */ #footer{padding:0 0 10px; color:#4c4722;} #footer .clearfix{background:#fff; padding:5px 0; margin:0 0 5px;} #footer .l strong{text-transform:uppercase; color:#333; } #footer .r{margin-top:10px;} #footer a{color:#4c4722;} #footer a:hover{color:#DA1D58;} #footer p {margin:0 20px; font-size:92%; line-height: 1.5; padding: 5px 0; } #footer h3 {margin: 20px 20px 5px 20px; font-size:120%;} #footer p .menu-divider:last-child {display:none;} @media (max-width: 1040px){ #footer h3{margin-top: 0; margin-left: 0; margin-right: 0;} #footer p{margin: 0 0 10px;} #footer .clearfix{padding: 10px 10px 1px;} #footer .clearfix + p{margin-left: 10px; margin-right: 10px;} } /* COLORS */ h2.green, ul.green h3 a, ul.green strong{color:#51b76a;} h2.blue, ul.blue h3 a, ul.blue strong{color:#1d57da;} h2.pink, ul.pink h3 a, ul.pink strong{color:#DA1D58; text-decoration: underline; font-weight: normal;} h2.black, ul.black h3 a, ul.black strong{color:#242424;} h2.orange, ul.orange h3 a, ul.orange strong{color:#ff8a00;} ul.green h3 a:hover, ul.blue h3 a:hover, ul.pink h3 a:hover{color:#333;} ul.black h3 a:hover{color:#DA1D58;} ul.small h3 a{font-size: 15px;} ul.small li h3 {line-height: 1.1; } /* vypis vestic */ .vestice {border-top: #c9c9c9 1px dotted; padding-bottom: 20px; padding-top: 10px; position: relative; } .vestice .info{ font-weight: bold; font-size: 11px; text-transform: uppercase; } .vestice .info2{ } .vestice .dostupnost { position: absolute; margin: -11px 0 0 273px; padding: 2px 0 0 15px; width: 105px; height: 23px; background-color: #fff; border-bottom-left-radius:40px; text-align: center; line-height: 14px;} .vestice .viac { position: absolute; right: 0px; padding: 9px 0 0 15px; width: 105px; height: 20px; background-color: #fff; border-top-left-radius:40px; text-align: center; line-height: 14px; z-index: 10; margin: 0; margin-top: -29px; } .vestice .viac a { text-decoration: none; font-size: 90%; } .vestice .shopthumb{ } .vestice .online { color: #8be400; font-size: 14px; font-weight: bold; } .vestice .volajte { color: #000; font-size: 11px; font-weight: bold; } .vestice .phone{position: relative;} .vestice .phone img { float: left; padding-right: 15px; margin: 2px 0 0 2px; } .vestice .stars { position: absolute; top: 24px; right: 0; } .vestice .poznateztv { position: absolute; top: 15px; right: 10px; } .vestice .poznateztv img {float: left; padding: 0 5px 0px 0; } .vestice .poznateztv div { display: inline-block; vertical-align: middle; padding-top: 2px; font-size: 12px; font-weight: bold;} @media (max-width: 1040px){ .vestice .phone{padding-bottom: 30px;} .vestice .stars { position: absolute; top: 19px; right: 10px; } } @media (max-width: 840px){ .vypis-vestic {margin: -10px !important;} .vestice {border-top: #F8F4E8 15px solid; padding: 1px 10px 12px 10px; } .post-58 {padding-bottom: 10px; } .post-58 h1.entry-title { font-size: 130% !important;} .vestice .stars { position: absolute; top: 15px; right: 10px; } .vestice .phone{display: none;} .vestice .viac{position: static; width: auto; padding: 5px 0 0 0; height: auto; background: none; text-align: right; bottom: 0; margin: 15px 5px 0 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-right: none;} .vestice .viac a { font-size: 110%; text-decoration: none; } } @media (max-width: 480px){ .vestice {border-top: #f9f7f3 20px solid; padding: 1px 10px 52px 10px; } .vestice .viac{ position: absolute; text-align: center; margin: 0 -10px; background: none; padding: 0; width: auto; height: auto; bottom: 0; right: auto; width: 100%; } .vestice .viac a{ display: block; width: auto; text-transform: uppercase; text-decoration: none; color: #000; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 38px; background: #ffcc00; /* background: linear-gradient(to right, #ff709d 0%, #da1c58 20%, #da1c58 80%, #ff709d 100%); */ position: relative; } } #content h2.offer { margin: 10px 0 8px 0; padding: 0; font-size: 140%; } /* vestica detail */ .vestica .stars { margin: 0 5px 0 2px;} .vestica .phone img { float: left; padding-right: 8px; margin: 2px 0 0 0px; } .vestica .odporucanie { font-size: 11px; } .vestica li { margin: 0px; padding: 0 0 2px 15px; font-size: 13px; } .vestica img.left{float:left; display:inline; margin-top: 0px; margin-right:20px;} .vestica .spacer-last { padding-top: 5px; font-size: 16px; font-weight: bold; } .vestica .spacer-last .phone-cislo-text { color: #da1c58; } .hodnoceni {text-align: left; margin: 30px 0 0 10px;} .infosms { margin: 20px 0 0 0; color: #000; background: url('img/bgsms.png') no-repeat;} .infosms-text { margin: 0px 0 10px 78px; padding: 15px 20px 15px 20px; line-height: 20px; font-size: 15px; border: #999 1px dashed; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } .infosms-text .snadpis { color: #000; padding-bottom: 10px; } .infosms-text .stvar { color: #D91B57; font-size: 18px; } .infosms-text .scislo { color: #D91B57; font-size: 18px; } .infosms-text .snapoveda { padding-top: 5px; font-size: 13px; } #sms-vesteni { display:none;width:100%; } @media (min-width: 1040px){ #sms-vesteni { width:700px; } } .sms-nadpis { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 24px; color: #000; font-weight: bold; padding: 5px 0 0 0px;} .sms-tvar { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 18px; color: #da1d58; font-weight: bold; line-height: 22px; padding: 13px 10px 0 10px; /*white-space:nowrap;*/} .sms-info { font-size: 14px; padding: 10px 0px 0 0px; font-weight: bold; } .sms-cislo { font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #da1d58; font-size: 26px; font-weight: bold; letter-spacing: -1px; padding: 3px 0 0 0;} .sms-priklad {text-align: left; color: #333; font-size: 12px; padding: 30px 15px 20px 15px; line-height: 20px; } #sms-vesteni p { text-align: center;} @media (max-width: 1040px){ .vestica div, .vestica img.left{float: none !important; width: auto !important;} .vestica h1 + div{float: none !important; text-align: center;} .card{display: none;} } @media (max-width: 400px){ .vestica img.left{ width: 100% !important;} .entry-content img.alignright { width: 100%;} .wp-image-8595 { width: 33% !important;} .infosms { background: none;} .infosms-text {margin: 0px 5px 10px 5px; padding: 15px 20px 15px 20px; } } /* content */ #content .alignright { float: right; padding: 0 0 10px 20px; } #content .alignleft { float: left; padding: 0 20px 10px 0; } .vestica-img {padding: 0px 0px 15px 0px;} .clanek {padding-bottom: 10px;} h1.entry-title { padding-bottom: 5px; text-align: left; } .entry-title a { font-size: 18px; } .clanek p {padding: 0; margin: 0;} .nav-previous, .nav-next {margin: 30px 0 0px 0; font-size: 14px; font-weight: bold; color: #000; } .nav-previous a, .nav-next a {color: #000; } @media (max-width: 1040px){ h1.entry-title { font-size: 140%; padding-top: 5px;} #mc-embedded-subscribe-form div{padding: 0 !important; float: none !important;} #mc-embedded-subscribe-form input, #mc-embedded-subscribe-form select{margin: 0 0 10px !important; width: 100% !important; height: auto !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } } #menu-mobile{display: none;} @media (min-width: 841px) and (max-width: 1040px){ .nadpistop, #podlogo, .motive {display: none;} .phonetop { position:absolute; right:0%; top:13px; margin-left:100px; } #menu-mobile .link-menu{display: none;} #menu-mobile .link-phone{position: absolute; top: 23px; right: 10px; color: #fff; text-decoration: none; font-size: 30px; font-weight: bold; text-align: right; text-shadow: 0 1px 2px #000; color: #ffe300;} #menu-mobile .link-phone span{display: block; font-size: 20px; font-weight: normal; color: #fff;} } @media (max-width: 840px){ .mobile-hide{display: none;} .nadpistop, #podlogo, .motive, .phonetop {display: none;} #menu-mobile{ overflow: hidden; display: block; position: absolute; left: 0; right: 0; top: 56px; background: #da1c58; line-height: 1.2; font-weight: bold; font-size: 15px; } #menu-mobile a{ display: block; text-decoration: none; vertical-align: middle; border-left: 1px solid #fff; padding: 10px 10px 10px 35px; color: #fff; white-space: nowrap; } #menu-mobile span{font-weight: normal; font-size: 13px;} #menu-mobile a:first-child + a{border: none;} #menu-mobile .link-menu{background: url('../img/menu.png') 10px 47% no-repeat; overflow: hidden; zoom: 1;} #menu-mobile .link-phone{background: url('../img/phone.png') 10px 50% no-repeat; float: right;} } @media (max-width: 480px){ #menu-mobile a{ padding-right: 5px; } } @media (max-width: 340px){ #menu-mobile .link-phone span{display: block; font-size: 12px;} } @media (max-width: 480px){ .page-id-58 #post-58 .entry-content p:nth-child(1), .page-id-58 #post-58 .entry-content p:nth-child(3){display: none;} } /* ---------------------------------------------------------------- Alerts -----------------------------------------------------------------*/ .style-msg, .style-msg2 { display: block; color: #2c2c2c; border-left: 4px solid rgba(0,0,0,0.1); margin-bottom: 20px; /*border-radius: 15px;*/ clear: both; margin: 30px 0; } .style-msg2 { border-left: 4px solid rgba(0,0,0,0.12); } .successmsg { background: #C5EBD4; color: #184B21; } .errormsg { background: #FFCCCC; color: #740D0A; } .infomsg { background: #B9DFF4; color: #124F70; } .alertmsg { background: #ffe5bb; /*color: #3c2501;*/ } .info-vestec { background-color: #f9f9f9; color: #666; } .style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg { display: block; padding: 15px; border-left: 1px solid rgba(255,255,255,0.5); font-size: 14px; /*text-shadow: 1px 1px 1px rgba(255,255,255,0.6);*/ /*order-top-left-radius:15px; border-top-right-radius:15px;*/ } .style-msg2 .msgtitle { background-color: rgba(0,0,0,0.06); border-top: none; border-bottom: none; font-size: 15px; font-weight: bold; } .style-msg-light .sb-msg, .style-msg-light .msgtitle { color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } .style-msg2 .sb-msg { font-weight: normal; } .style-msg2 ol, .style-msg2 ul { margin: 0 0 0 30px; } .style-msg2 ol { list-style-type: decimal; } .style-msg2 ul { list-style-type: disc; } .alert i, .sb-msg i, .msgtitle i { position: relative; top: 1px; font-size: 14px; width: 14px; text-align: center; margin-right: 5px; } #sms-vestenie { display:none;width:100%; } @media (min-width: 1040px){ #sms-vestenie { width:700px; } } .sms-nadpis { font-family: 'Crete Round', Helvetica, Arial, sans-serif; font-size: 24px; color: #000; font-weight: bold; padding: 5px 0 0 0px;} .sms-tvar { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 22px; color: #da1d58; font-weight: bold; line-height: 22px; padding: 13px 10px 0 10px; /*white-space:nowrap;*/} .sms-info { font-size: 14px; padding: 10px 0px 0 0px; font-weight: bold; } .sms-cislo { font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #da1d58; font-size: 24px; font-weight: bold; letter-spacing: -1px; padding: 3px 0 0 0;} .sms-priklad {text-align: left; color: #333; font-size: 13px; padding: 10px 15px 10px 15px; line-height: 20px; } .butt { text-align: center; padding: 15px 0 10px 0; } /* bootstrap */ .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: bold; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; text-decoration: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn-primary { color: #fff; background-color: #da1d58; border-color: #bb1448; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #bb1448; border-color: #aa0b3c; } .btn-primary:hover { color: #fff; background-color: #bb1448; border-color: #aa0b3c; } .btn-primary:active, .btn-primary.active, .btn-lg, .btn-group-lg > .btn { padding: 10px 66px; font-size: 20px; line-height: 1.3333333; border-radius: 6px; font-family: 'Open Sans'; } .btn-sm, .btn-sm:active, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } /* Progress bar tydenni horoskopy */ .bt_bb_progress_bar { display: -ms-flexbox; display: -webkit-flex; display: flex; border: 1px solid #c3c3c3; position: relative; width: 100%; } .bt_bb_progress_bar_icon { max-width: 20px; } .bt_bb_progress_bar_text { max-width: 80px; } .bt_bb_progress_bar_bg { } .btDarkSkin .bt_bb_progress_bar, .btLightSkin .btDarkSkin .bt_bb_progress_bar, .btDarkSkin.btLightSkin .btDarkSkin .bt_bb_progress_bar { border: 1px solid #525252; } .bt_bb_progress_bar .bt_bb_progress_bar_inner { -webkit-transition: transform 1000ms ease-in; -moz-transition: transform 1000ms ease-in; transition: transform 1000ms ease-in; } .bt_bb_progress_bar .bt_bb_progress_bar_text { -webkit-flex: 1 0 20%; -ms-flex: 1 0 20%; flex: 1 0 20%; padding: 0 .5em; text-align: left; } .bt_bb_progress_bar .bt_bb_progress_bar_text span { font-weight: bold; } .bt_bb_progress_bar .bt_bb_progress_bar_bg { -webkit-flex: 1 0 80%; -ms-flex: 1 0 80%; flex: 1 0 80%; position: relative; opacity: 1; } .bt_bb_progress_bar .bt_bb_progress_bar_bg .bt_bb_progress_bar_inner { height: 100%; background-color: #93278f; } .btDarkSkin .bt_bb_progress_bar.bt_bb_progress_bar_with_icon:before, .btLightSkin .btDarkSkin .bt_bb_progress_bar.bt_bb_progress_bar_with_icon:before, .btDarkSkin.btLightSkin .btDarkSkin .bt_bb_progress_bar.bt_bb_progress_bar_with_icon:before { background-color: rgba(147,39,143,0.4); } .bt_bb_progress_bar.bt_bb_progress_bar_with_icon .bt_bb_progress_bar_icon { background: #f2f2f2; height: 25px; -webkit-flex: 1 0 8%; -ms-flex: 1 0 8%; flex: 1 0 8%; padding: 8px 15px 10px 15px; font-size: 20px !important; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .bt_bb_progress_bar.bt_bb_progress_bar_with_icon .bt_bb_progress_bar_icon .bt_bb_icon { padding: 0 !important; } .bt_bb_progress_bar.bt_bb_progress_bar_with_icon .bt_bb_progress_bar_icon .bt_bb_icon .bt_bb_icon_holder:before { font-size: 1.5em; z-index: 1; } .bt_bb_progress_bar.bt_bb_progress_bar_with_icon .bt_bb_progress_bar_text { -webkit-flex: 1 0 20%; -ms-flex: 1 0 20%; flex: 1 0 20%; padding: 13px 10px 10px 20px; } .bt_bb_progress_bar.bt_bb_progress_bar_with_icon .bt_bb_progress_bar_bg { -webkit-flex: 1 0 72%; -ms-flex: 1 0 72%; flex: 1 0 72%; } .bt_bb_progress_bar.bt_bb_size_small { font-size: .8em; height: 30px; } .bt_bb_progress_bar.bt_bb_size_small .bt_bb_progress_bar_inner { padding-top: .3em; padding-bottom: .3em; } .bt_bb_progress_bar.bt_bb_size_normal { height: 45px; } .bt_bb_progress_bar + .bt_bb_progress_bar { border-top: none; } @media (max-width: 480px) { .bt_bb_progress_bar:before { display: none !important; } .bt_bb_progress_bar .bt_bb_progress_bar_icon { max-width: 15% !important; } .bt_bb_progress_bar .bt_bb_progress_bar_text { max-width: 35% !important; } .bt_bb_progress_bar .bt_bb_progress_bar_bg { max-width: 50% !important; } }